<template>
  <div class="shade" v-if="loading">
    <img src="../../static/img/5-130H2191323.gif" height="100" width="100">
  </div>
</template>

<script>
export default {
  props: ['loading'],
  data () {
    return {}
  }
}
</script>

<style scoped>
  .shade{
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -50px;
    margin-top: -50px;
  }
</style>
